<extend name="Public/base" />
<block name="body">
<div class="m-tab s-tab">
	<h2 class="u-tt">角色管理</h2>
	<div class="filter">
		<form method="get" action="">
			<input name="r" type="hidden" value="admin/UserGroup/index" />
			角色名：
			<input name="keyword" id="keyword" type="text" value="{$_GET.keyword}" class="u-ipt u-ipt-2"/>
			<button class="u-btn" type="submit">筛选</button>
		</form>
	</div>
	<ul>
		<li class="z-crt"><a href="#">角色列表</a></li>
		<li><a href="{:U('add')}">添加角色</a></li>
	</ul>
</div>
<table class="m-table m-table-row" id="table">
	<thead class="m-table-thead s-table-thead">
		<tr>
			<th width="50">编号</th>
			<th class="colb">角色名称</th>
			<th>角色描述</th>
			<th class="cola">状态</th>
			<th class="colc">操作</th>
		</tr>
	</thead>
	<tbody>
		<volist name="list" id="vo">
		<tr>
			<td>{$vo.id}</td>
			<td>{$vo.title}</td>
			<td>{$vo.description}</td>
			<td>{$vo.status_text}</td>
			<td>
			<a href="{:U('auth?id='.$vo['id'])}">权限</a> / 
			<a href="{:U('edit?id='.$vo['id'])}">编辑</a> / 
			<a href="javascript:;" data="{$vo.id}" class="u-del">删除</a>
			</td>
		</tr>
		</volist>
	</tbody>
</table>
<div class="m-table-tool">
	<div class="m-page"> {$page} </div>
</div>
</block>

<block name="script">
<script>
Do.ready('base','dialog',function() {
	$('#table').duxTable({
		selectAll:'#selectAll',
		deleteUrl: "{:U('delete')}",
	});
});
</script>	
</block>